<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>樊文帅项目内容页</title>
<link rel="stylesheet" href="./Public/Home/css/jiaoyi.css" />
<link rel="stylesheet" href="icoupont/icoufont.css" />
<script type="text/javascript" src="./Public/Home/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="./Public/Home/js/1.js"></script>
  
</head>
<body>
	<script type="text/javascript">
		$(function(){
			//就是我们在分类里面有个come=cid
			$('.to_car').click(function(){
				//这个tid就是我们数据表里的tid；
				//抓取商品的键名
				var gid = <?php echo Q('get.gid')?>;
				//抓取商品的颜色 $('这个是所抓取的div里的名字''这个是抓取的东西的标签，也就是所包裹这个东西的标签').
				var color=$('.style0 .yingc').html();
				//抓取上商品的尺码$('这个是所抓取的div里的名字''这个是抓取的东西的标签，也就是所包裹这个东西的标签').
				var size=$('.style1 .yingc').html();
				//抓取商品的名字$('这个是所抓取的div里的名字''这个是抓取的东西的标签，也就是所包裹这个东西的标签').
				var name=$('.zj_a span').html();
				
				var num=$('input.num_input').val();
				var price=$('.q_a').html();
				$.ajax({
					type:"post",
					//跳转的路径
					url:"<?php echo U('Carte/ajaxAddCart')?>",
					//这个是异步上传的东西
					data:{id : gid,color:color,size:size,name:name,num:num,price:price},
					dataType:'json',
					success:function(phpData){
//           location.href="<?php echo U('carte/indexi',array('gid'=>Q('get.gid')))?>"
					}
				});
			})
		})
	</script>
	
     <!-- 最顶部 -->
 <div id="head">
        <!-- content内容 -->
 	<div class="content">
      <!-- 最顶部右边   -->
      <a class="home" href="" style="line-height: 30px;">蘑菇街首页</a>
        <ul class="right"> 
            <li class="ri right_a "><a href="">注册</a></li>
            <li class="ri right_a "><a href="">登录&nbsp;|</a></li>
            <li class="ri right_b "><a href="">我的订单&nbsp;|</a></li>
            <li class="ri right_c ">
                    <a href="">|</a>
                    <div class="gou">
                      <span class="gouwu"></span>
                       购物车
                    </div>
                    <div class="wu">购物车里没有商品！</div>
            </li>
            <li class="ri right_d ">
                   <a  class="kf"href="">客服服务&nbsp;|</a>
                   <i class="icon_daita"></i>
                   <div class="box">
                       <a class=" ll ">联系</a>
                       <a class=" bz ">帮助</a>
                   </div>
            </li>
            <li class="ri right_e ">
                <a href="">我的小店</a>
            </li>
        </ul>
    </div>
 </div>
<!--二楼楼层-->
<div class="er">
	<!--中间部分-->
	<div class="zhong">
		<!--左边-->
		<div class="zuo">
		<a href=""><img src="./Public/Home/images/50.jpg"/></a>	   
	    <div class="zuo_z">
	    	<div class="zuo_a">
	    		<a  href="">艾拉衣裤</a>
	    	</div>
	    	<div class="shu">
	    	    <p>
	    	    	<span class="s-cat">描述<b>4.64</b></span>
	    	    	<span class="s-cat">质量<b>4.65</b></span>
	    	    	<span class="s-cat">价格<b>4.66</b></span>
	    	    	<span class="s-cat">服务<b>4.65</b></span>
	    	    </p>
	    	</div>	
	     </div>
	     <div class="jia">
	     	<div class="jia_a">
	     		<a class="shou"data-shopid="14eke" type="submit"href="javascript:;">收藏</a>
	     	    <a class="chart" href="javascript:;"></a>
	     	</div>
	     </div>
	     <div class="icon-show-score J-show-shop-score"></div>
	     <div class="line-right"></div>
	    </div>	    
	    <!--右边-->
	    <div class="you">
	    	<div class="kuang">
	    		<input class="bian"type="text" name="" value="" placeholder="输入你想要的商品" />
	    		<a class="sou"href="">搜全店</a>
	    		<input class="da"type="submit" name="" id="" value="搜全店" />
	    	</div>
	    </div>
	</div>
	
</div>
  <!--三楼--> 
  <div class="san_a">
  <div class="san">
  		<a class="img" href=""></a>
  </div>
   <div class="souye">
   	<div class="souye_a">
   		<ol class="ol_a">
      	  <li><a href="" rel="nofollow">首页</a>|</li>
      	  <li class="all"><a href="">全部商品</a>|</li>
      	  <li><a href=""rel="nofollow">【2015新款上衣】</a>|</li>
      	  <li><a href=""rel="nofollow">【下装】</a>|</li>
      	  <li><a href=""rel="nofollow">【省心套装】</a>|</li>
      	  <li><a href=""rel="nofollow">【棉衣/羽绒服】</a>|</li>
      	  <li><a href=""rel="nofollow">【外套/开衫】</a>|</li>
      	  <li><a href=""rel="nofollow">【针织衫/毛衣】</a>|</li>
      	  <li><a href=""rel="nofollow">【连衣裙】</a>|</li>	
      	</ol>
   	</div>
      	
   </div>
</div>
  <!--三楼结束-->
	<!--四楼开始-->
	<!--大的div-->

	<div class="red">
		<!--左边div-->
			<script type="text/javascript">
				  /*商品详情表里的tab切换*/
			 $(function(){
			 	//先抓取小的照片
			 	$(".tu_a img").mouseover(function(){
			 		//改变路径
					var path=$(this).attr('src');
			 	     /*获取第几个序号元素，使其显示，让其他兄弟元素消失*/
			 	     /*eq表示集合里第几个元素*/
			 	     /*siblings表示所有元素*/
			 	      $('.tu img').attr('src',path);
			 	     $(".xia").eq(num1).css({display:"block"}).siblings('.xia').css({display:"none"});
			 	  })
			 	     $('.xia_a ul li img').mouseover(function(){
			 		//attr是获取当前的某个元素
			 		var path=$(this).attr('src');
			 	})
			 });
			</script>
		<!--照片的循环-->
		<div class="zuo_a">
			<div class="tu">
				<!--大照片的循环调用-->	
				<img src="<?php echo $GoodsData['gpics']?>"/>
			</div>
			<div class="xia">
				<div class="xia_a">
					<!--小照片的循环-->
					<ul style="text-align: center;" >
						<?php foreach ($gparData['gpic'] as $vv){?>
					<li class="tu_a"><img src="<?php echo $vv?>"/><i></i></li>
					    <?php }?>
				    </ul>
				</div>
			</div>
		</div>

		<!--中间div-->
		<div class="zj">
			<h1 class="zj_a">
				<span><?php echo $GoodsData['gname']?></span>
			</h1>
			<div class="yd_a">
				<dl class="shij">
					<dt>剩余时间：</dt>
					<dd>
						<span>
						<span>31</span>
						天
						<span>23</span>
						小时
						<span>59</span>
						分
						<span>59</span>
						秒
					    </span>
					</dd>
				</dl>
				<span class="xian"><hr /></span>
				<dl class="yuanj">
					<dt>原价：</dt>
					<dd class="yuanj_a">
						<span class="q"><?php echo $GoodsData['gmarket']?></span>
					</dd>
					<dt class="tuan">团购价：</dt>
					<dd>
						<span class="q_a"><?php echo $GoodsData['gsale']?></span>	
					</dd>
					<dd >
						<span class="pj">
						     浏览次数：
						  <span class="pj_a"><?php echo $GoodsData['gclick']?></span>
						</span>
					</dd>
				</dl>
			</div>
			<div class="kf">
				<dl>
					<dt>客服：</dt>
					<dd></dd>
				</dl>
			</div>
			<!--颜色，尺码的循环部分的js-->
					<script type="text/javascript">
						$('.k').click(function(){
							var value = $(this).html();
							$(this).css({'border':'1px  solid orange'}).siblings().css({'border':'1px  solid #cccccc'});
							$('.orange').html(value);
						})
					</script>
					
		     <!--这段代码是选择颜色和尺码的-->
            <script type="text/javascript">
				$(function(){
					$('.k').click(function(){
						$(this).addClass('yingc c').parent().parent().siblings().find('li').removeClass('yingc c');
					})
				})
			</script>	
					<!--颜色，尺码的循环部分-->
			<?php foreach ($spec as $k=>$v){?>
			   <div class="style style<?php echo $k?>">
				<dl>
				  <dt><?php echo $v['tname']?>：</dt>
					<dd>
						<?php foreach ($v['values'] as $vv){?>
						<ol class="c ac">
							<a href="javascript:;">
								<li class="k"><?php echo $vv['gtvalue']?></li>
							</a>
						</ol>
						<?php }?>
					</dd>
				 </dl> 
			  </div>
			<?php }?>
			 <!--购买数量的加减-->
			<script type="text/javascript">
//				  购买数量的加减
			        $(function(){
			        	$('.num_disable').click(function(){
			        		var input=$(this).siblings('input');
			        		var num =input.val()*1;
							num--;
							if(num<0) return;
							input.val(num);
			        	});
						$('.num_add').click(function(){
			        		var input=$(this).siblings('input');
			        		var num =input.val()*1;
							num++;
							input.val(num);
			        	});
			        })
			</script>
			<dl class="shul">
				<dt>数量：</dt>
				<dd class="num">
					<div class="num_a">
						<span class="num_reduce num_disable"></span>
						<input  class="num_input"type="text" name="" id="" value="1" />
						<span class="num_add"></span>	
					</div>
					<div class="kc">库存<?php echo $GoodsData['ginventory']?>件</div>
				</dd>
			</dl>
		<!--购买，加入-->	
		<!--加入购物车的弹框-->
		<script type="text/javascript">
			$(document).ready(function(){
      $("buy-cart").click(function(){
      $("p").toggle();
        });
      });
		</script>
		
		     
		<div class="gm">
			<a class="fl mr10 buy-btn buy-now"href="<?php echo U('Carte/index')?>">立即购买</a>
			<a class="fl mr10 buy-cart to_car buy-btn  add_cart_large btnCart" href="javascript:;">加入购物车</a>
			
		</div>

			     
		<!--分享-->	     
		<div class="fx">
			<div class="fav item">
				<b></b>
				<span class="fav-num"><?php echo $GoodsData['gclick']?></span>
			</div>
			<div class="share item">
				<b></b>
				<span class="fav-num">分享</span>
		
				<!---------------------------------------------隐藏部分-------------------------------->
				<div class="share-w">
					<a target="_blank"class="forqzone" rel="nofollow"href=""title="关注QQ空间"></a>
					<a href=""></a>
					<a href=""></a>
					<a href=""></a>
				</div>
				<!-------------------------------------隐藏部分-------------------->
			</div>
			<div class="report">
				<a class="goods_report fl" rel="nofollow"target="_blank"href="">举报</a>
			</div>
		</div>
			
			<!--..........................................................................-->
			<!--服务-->
			<div class="fu">
				<div class="a">
					<p>服务承诺：</p>
				</div>
				<ul>
					<li>
						<img src="./Public/Home/images/fu_1.png"/>
						<a title="全国包邮"href=""rel="nofollow">全国包邮</a>
					</li>
					<li>
						<img src="./Public/Home/images/fu_2.png"/>
						<a title="7天无理由退货 " href="">天无理由退货</a>
					</li>
					<li>
						<img src="./Public/Home/images/fu_3.png"/>
						<a style="margin-top: -10px;"title="72小时发货" href="">72小时发货</a>
					</li>
					<li>
						<img src="./Public/Home/images/fu_4.png"/>
						<a title="退货补运费 " href="">退货补运费</a>
					</li>
				</ul>				
			</div>
	<!---------------------------------------------------zf------------------------------------------->
			<div class="zf">
				<p>支付方式：</p>
			<div class="tu"></div>
			</div>
		</div>
		
		<!--!--商品右侧-->	
<div class="youc">
	 <p class="you_c">
	 	<!--<hr style="opacity: 0.5" ;><hr />-->
 		<span>热卖推荐</span>	
	 </p>
	 <div class="zho">
	 	<div class="zho_a">
	 		<ul>
	 			<li><a href=""><img src="./Public/Home/images/51.jpg"/></a>
	 				<span>￥88.90</span>
	 			</li>
	 			<li><a href=""><img src="./Public/Home/images/52.jpg"/></a>
	 				<span>￥49.00</span>
	 			</li>
	 			<li><a href=""><img src="./Public/Home/images/53.jpg"/></a>
	 				<span>￥79.00</span>
	 			</li>
	 		</ul>
	 	</div>
	 </div>
	 
</div>
</div>
	<!--四楼结束-->
	<!--主题开始-->
	<!--大的div-->
	<div class="da_a">
	    <div class="box">
	    	<ul class="box_x">
	    		<li class="box_a"><a href="javascript:;">商品详情</a></li>
	    		<li class="box_b"><a href="">累计评价<em>84</em></a></li>
	    		<li class="box_b"><a href="">本店同类商品</a></li>
	    		<li class="box_c">手机扫码下单
	    	    <div class="box_yc">
	    	    	
	    	    </div>
	    	    <i class="box_i"></i>
	    	    <i class="box_a"></i>
	    		</li>
	    	</ul>
	    </div>
	   <!-----------------文字部分---------------------->
	   <div class="da_a_w">
	   	<h1>商品描述</h1>
	   </div>
	  <div class="da_box">
	  	<div class="da_a_a">
	   	正版货 拼的是质量 莫和翻版价格做对比  毛领是仿真毛领哦  加120元可以换真毛领 需要的亲们可以联系客服补差价哦~
	   </div>
	  </div>
	  <!--.................产品参数..........................-->
	   <div class="box_d">
	   	   <div class="da_a_w">
	   	     <h1>产品参数</h1>
	       </div>
	      <table class="parameter-table">
	      	<tbody>
	      		<tr>
      			  <td>细节：毛领</td>
      		      <td>袖型：常规袖</td>
      		      <td>风格：韩系,街头（潮人）,基本款,甜美,学院</td>
	      		</tr>
	      		<tr>
	      		  <td>厚薄：加厚</td>
      		      <td>填充物：白鸭绒</td>
      		      <td>版型：H型（直身）</td>
	      		</tr>
	      		<tr>
	      		  <td>材质：复合</td>
      		      <td>衣门襟：拉链</td>
      		      <td>衣长：长款（81cm-100cm）</td>
	      		</tr>
	      		<tr>
	      		  <td>领型：连帽/帽领</td>
      		      <td>图案：纯色</td>
      		      <td>含绒量：85%</td>
	      		</tr>
	      		<tr>
	      		  <td>袖长：长袖</td>
	      		</tr>
	      	</tbody>
	      </table>
	   </div>
	   
	   
               <!--尺码、说明-->

	   
	      <div class="box_biao">
	      	<div class="da_a_w">
	   	     <h1>尺码说明</h1>
	   	     </div>
	       <div class="wen">纯手动测量，误差在1-3cm左右，请谅解哦！</div>
	  <table class="biao">
	  	<thead>
	  		<tr> 	 	
	  			<th>尺码 	</th>
	  			<th>衣长</th>
	  			<th>袖长</th>
	  			<th>胸围</th>
	  			<th>肩宽</th>
	  		</tr>
	  	</thead>
	  	<tbody>	
	  		<tr>
	  			<td>L</td>
	  			<td>80</td>
	  			<td>60</td>
	  			<td>118</td>
	  			<td>45</td>
	  		</tr>
	  		<tr>
	  			<td>XL</td>
	  			<td>81</td>
	  			<td>61</td>
	  			<td>122</td>
	  			<td>46</td>
	  		</tr>
	  		<tr>
	  			<td>XXL</td>
	  			<td>82</td>
	  			<td>62</td>
	  			<td>126</td>
	  			<td>47</td>
	  		</tr>
	  		<tr>
	  			<td>M </td>
	  			<td>78</td>
	  			<td>60</td>
	  			<td>110</td>
	  			<td>42</td>
	  		</tr>
	  	</tbody>
	  </table>
	</div>
<!--穿着展示-->
	<div class="zhaop">
		<div class="da_a_w">
	   	     <h1>穿着效果</h1>
	   	</div>
	   	<div class="zhaop_a">
	   	  <img src="./Public/Home/images/a_1.jpg" alt="" />                                                     
	   	  <img src="./Public/Home/images/a_2.jpg" alt="" />
	   	  <img src="./Public/Home/images/a_3.jpg" alt="" />  
	   	  <img src="./Public/Home/images/a_4.jpg" alt="" />
	   	  <img src="./Public/Home/images/a_5.jpg" alt="" />                                                     
	   	  <img src="./Public/Home/images/a_6.jpg" alt="" />
	   	  <img src="./Public/Home/images/a_7.jpg" alt="" />  
	   	  <img src="./Public/Home/images/a_8.jpg" alt="" />                                
	   	</div>
	</div>
	
</div>
<!--底部开始-->
<div class="dibu">
  	<div class="dibu3">
  	  <div class="dibu1"> 	
  			<a  href=""><img src="./Public/Home/images/wd.png"/></a> 
  			<div class="diw">
  				<p>营业执照注册号:  <a href="">330106333129334</a></p>
  				<p>增值电信业务经营许可证:<a href="">浙B2-20110349</a></p>
  				<p>ICP备案号：浙ICP备10044327号-3</p>
  				<p>©2016 Mogujie.com 杭州卷瓜网络有限公司</p>	
  			</div>
  	  </div>
   
  			<div class="foot">
  				<dl class="link">
  					<dt>公司</dt>
  					<dd>
  						<a href="">关于我们</a>
  					</dd>
  					<dd>
  						<a href="">招聘信息</a>
  					</dd>
  					<dd>
  						<a href="">联系我们</a>
  					</dd>
  				</dl>
  				<dl class="link">
  					<dt>公司</dt>
  					<dd>
  						<a href="">关于我们</a>
  					</dd>
  					<dd>
  						<a href="">招聘信息</a>
  					</dd>
  					<dd>
  						<a href="">联系我们</a>
  					</dd>
  				</dl>
  				<dl class="link">
  					<dt>公司</dt>
  					<dd>
  						<a href="">关于我们</a>
  					</dd>
  					<dd>
  						<a href="">招聘信息</a>
  					</dd>
  					<dd>
  						<a href="">联系我们</a>
  					</dd>
  					<dd>
  						<a href="">联系我们</a>
  					</dd>
  				</dl>
  				<dl class="link">
  					<dt>权威认证</dt>
  					<dd class="jl">
  						<a1 class="pc" target="_blank" rel="nofollow" href="javascript:;"></a>
  						<a1 class="pa" target="_blank" rel="nofollow" href="javascript:;"></a>
  						<a1 class="kx" target="_blank" rel="nofollow" href="javascript:;"></a>
  					</dd>
  				</dl>
  			</div>
       </div>
 </div>	
	

	
	</div></div>
	
<link rel="stylesheet" type="text/css" href="./Public/Home/youce/css/base.css" />

<script type="text/javascript" src="./Public/Home/youce/js/jquery-1.7.min.js"></script>
<script type="text/javascript" src="./Public/Home/youce/js/common.js"></script>
<script type="text/javascript" src="./Public/Home/youce/js/quick_links.js"></script>


<!--右侧贴边导航quick_links.js控制-->
<div class="mui-mbar-tabs">
	<div class="quick_link_mian">
		<div class="quick_links_panel">
			<div id="quick_links" class="quick_links">
				<li>
					<a href="#" class="my_qlinks"><i class="setting"></i></a>
					<div class="ibar_login_box status_login">
						<div class="avatar_box">
							<p class="avatar_imgbox"><img src="./Public/Home/youce/images/no-img_mid_.jpg" /></p>
							<ul class="user_info">
								<li>用户名：sl19931003</li>
								<li>级&nbsp;别：普通会员</li>
							</ul>
						</div>
						<div class="login_btnbox">
							<a href="#" class="login_order">我的订单</a>
							<a href="#" class="login_favorite">我的收藏</a>
						</div>
						<i class="icon_arrow_white"></i>
					</div>
				</li>
				<li id="shopCart">
					<a href="#" class="message_list" ><i class="message"></i><div class="span">购物车</div><span class="cart_num">0</span></a>
				</li>
				<li>
					<a href="#" class="history_list"><i class="view"></i></a>
					<div class="mp_tooltip" style=" visibility:hidden;">我的资产<i class="icon_arrow_right_black"></i></div>
				</li>
				<li>
					<a href="#" class="mpbtn_histroy"><i class="zuji"></i></a>
					<div class="mp_tooltip">我的足迹<i class="icon_arrow_right_black"></i></div>
				</li>
				<li>
					<a href="#" class="mpbtn_wdsc"><i class="wdsc"></i></a>
					<div class="mp_tooltip">我的收藏<i class="icon_arrow_right_black"></i></div>
				</li>
				<li>
					<a href="#" class="mpbtn_recharge"><i class="chongzhi"></i></a>
					<div class="mp_tooltip">我要充值<i class="icon_arrow_right_black"></i></div>
				</li>
			</div>
			<div class="quick_toggle">
				<li>
					<a href="#"><i class="kfzx"></i></a>
					<div class="mp_tooltip">客服中心<i class="icon_arrow_right_black"></i></div>
				</li>
				<li>
					<a href="#none"><i class="mpbtn_qrcode"></i></a>
					<div class="mp_qrcode" style="display:none;"><img src="./Public/Home/youce/images/weixin_code_145.png" width="148" height="175" /><i class="icon_arrow_white"></i></div>
				</li>
				<li><a href="#top" class="return_top"><i class="top"></i></a></li>
			</div>
		</div>
		<div id="quick_links_pop" class="quick_links_pop hide"></div>
	</div>
</div>

</div>
</div>
<!--[if lte IE 8]>
<script src="js/ieBetter.js"></script>
<![endif]-->

<script type="text/javascript" src="./Public/Home/youce/js/parabola.js"></script>
<script type="text/javascript">
	$(".quick_links_panel li").mouseenter(function(){
		$(this).children(".mp_tooltip").animate({left:-92,queue:true});
		$(this).children(".mp_tooltip").css("visibility","visible");
		$(this).children(".ibar_login_box").css("display","block");
	});
	$(".quick_links_panel li").mouseleave(function(){
		$(this).children(".mp_tooltip").css("visibility","hidden");
		$(this).children(".mp_tooltip").animate({left:-121,queue:true});
		$(this).children(".ibar_login_box").css("display","none");
	});
	$(".quick_toggle li").mouseover(function(){
		$(this).children(".mp_qrcode").show();
	});
	$(".quick_toggle li").mouseleave(function(){
		$(this).children(".mp_qrcode").hide();
	});

// 元素以及其他一些变量
var eleFlyElement = document.querySelector("#flyItem"), eleShopCart = document.querySelector("#shopCart");
var numberItem = 0;
// 抛物线运动
var myParabola = funParabola(eleFlyElement, eleShopCart, {
	speed: 400, //抛物线速度
	curvature: 0.0008, //控制抛物线弧度
	complete: function() {
		eleFlyElement.style.visibility = "hidden";
		eleShopCart.querySelector("span").innerHTML = ++numberItem;
	}
});
// 绑定点击事件
if (eleFlyElement && eleShopCart) {
	
	[].slice.call(document.getElementsByClassName("btnCart")).forEach(function(button) {
		button.addEventListener("click", function(event) {
			// 滚动大小
			var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft || 0,
			    scrollTop = document.documentElement.scrollTop || document.body.scrollTop || 0;
			eleFlyElement.style.left = event.clientX + scrollLeft + "px";
			eleFlyElement.style.top = event.clientY + scrollTop + "px";
			eleFlyElement.style.visibility = "visible";
			
			// 需要重定位
			myParabola.position().move();			
		});
	});
}
</script>

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
